<template>
  <div id="subjectdetail">
    <el-button
      size="mini"
      @click="dialogVisible = true"
      type="primary"
      >详情</el-button
    >

    <el-dialog
      custom-class="childDialog"
      title="提示"
      :visible.sync="dialogVisible"
      width="25%"
      :before-close="handleClose"
      append-to-body
    >
      <!-- 弹出内容 -->

      <!-- 弹出内容 -->
    </el-dialog>
  </div>
</template>


<script>
export default {
  name: "SubjectDetail",
  data() {
    return {
      dialogVisible: false,
      plotArr: [
        {
          id: "1001",
          name: "张三家的",
          town: "xx镇",
          street: "xx街",
          type: "园地",
          size: "5",
          main: "张三(3)亩，李四(1)亩",
        },
        {
          id: "1002",
          name: "李四家的",
          town: "xx镇",
          street: "xx街",
          type: "茶园",
          size: "5",
          main: "张三(1)亩，李四(3)亩",
        },
        {
          id: "1003",
          name: "张三家的",
          town: "xx镇",
          street: "xx街",
          type: "园地",
          size: "5",
          main: "张三(3)亩，李四(1)亩",
        },
        {
          id: "1004",
          name: "李四家的",
          town: "xx镇",
          street: "xx街",
          type: "茶园",
          size: "5",
          main: "张三(1)亩，李四(3)亩",
        },
        {
          id: "1003",
          name: "张三家的",
          town: "xx镇",
          street: "xx街",
          type: "园地",
          size: "5",
          main: "张三(3)亩，李四(1)亩",
        },
        {
          id: "1004",
          name: "李四家的",
          town: "xx镇",
          street: "xx街",
          type: "茶园",
          size: "5",
          main: "张三(1)亩，李四(3)亩",
        },
      ],
      levelOneArea: "一级地类",
      levelOneArr: [
        {
          value: "一级地类",
          label: "一级地类",
        },
      ],
      levelTwoArea: "二级地类",
      levelTwoArr: [
        {
          value: "二级地类",
          label: "二级地类",
        },
      ],
      plotKeywords: "",
      area: "全部镇街",
      areaArr: [
        {
          value: "全部镇街",
          label: "全部镇街",
        },
        {
          value: "离水镇",
          label: "离水镇",
        },
        {
          value: "仪时镇",
          label: "仪时镇",
        },
      ],
      village: "全部村居",
      villageArr: [
        {
          value: "全部村居",
          label: "全部村居",
        },
        {
          value: "和平村",
          label: "和平村",
        },
        {
          value: "阿打村",
          label: "阿打村",
        },
      ],
    };
  },
  components: {},
  methods: {
    handleClose(done) {
      this.$confirm("确认关闭？").then(() => {
        done();
      });
    },
  },
  computed: {
    filterPlotArr() {
      return this.plotArr;
    },
  },
};
</script>

<style lang="scss" scoped>
#subjectdetail {
  .blue {
    background-color: blue !important;
  }
}
</style>